<template>
<div>
<div style="height:10px;background-color: #DDDDDD;"></div>
  <div class="wrapper">
     
    <div class="titleWrapper">
     
      <div class="title">限时抢购</div>
      <span class="time">07:00场</span>
      <div class="out">已结束</div>
      <span class="more">更多</span>
    </div>
    
  </div>
  </div>
</template>



<style scoped>
.wrapper {
 
 
  padding: 18px 10px;
  
  background: white;
}


.title{
  float: left;
  border-left: 5px #36cd66 solid;
  font-size: 1.2rem;
   padding-left: 0.6rem;
}
.time{float: left; padding-left: 10px;
 vertical-align: middle;
 
  font-size: 0.9rem;
  
  padding: 0.2rem;
  
  color: #FE3824;
  margin-left: 0.3rem;
}
.out{float: left;
 vertical-align: middle;
  
  font-size: 0.82rem;
  border-radius: 3px;
  padding: 0.2rem;
  border: 1px solid #999;
  color: #666;
  margin-left: 0.3rem;

}
.more{float: right;
margin-right: 10px;
font-size: 0.9rem;
color: #36cd66;
}
</style>